@mixin fl-gap($flex: 1, $gap: 10px) {
    flex: $flex;
    gap: $gap;
}

@mixin flex-dc {
    display: flex;
    flex-direction: column;
}

@mixin csx($gap: 10px) {
    width: 100%;
    height: 100%;
    display: flex;
    gap: $gap;
}

@mixin bgimg ($url, $width: 112%, $left: -3vw) {
    background-image: url($url);
    background-repeat: no-repeat;
    background-size: $width 100%;
    background-position: $left 0;
}